<template>
	<view class="page">
		<view class="nav">
			<view class="nav-top">
				cs
			</view>
			<view class="nav-a mmap">
				地址
			</view>
			<view class="nav-a">
				广东省深圳市
			</view>
			<view class="nav-a">
				电话
			</view>
			<view class="nav-a">
				150000000
			</view>
			<view class="" @click="gomenu">
				<button type="default">审核结果</button>
			</view>
			<view class="foot">
				预约时间：2021-07-26 00：00 - 23：59
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data(){
			return{}
		},
		methods:{
			gomenu(){
				uni.navigateTo({
					url: "/pages/index/menu"
				})
			}
		},
	}
</script>

<style scoped>
	.page {
		background-color: #eee;
		height: 1250rpx;
	}

	image {

		margin: 0 40rpx;
		width: 100rpx;
		height: 100rpx;
		border: 1rpx solid #d4d4d4;
		border-radius: 50%;
	}
	button{
		border-radius: 50rpx;
		width: 80%;
		background-color: #007AFF;
		color: white;
		margin: 40rpx auto;
	}

	.nav {
		background-color: white;
		width: 90%;
		margin: 0 auto;
		border: 1rpx solid #e1e1e1;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		border-radius: 30rpx;
	}
	.nav-top{
		border-bottom: 1rpx solid #adadad;
		text-align: center;
		height: 80rpx;
		line-height: 80rpx;
		font-size: 38rpx;
	}
	.foot{
		text-align: center;
	}
	.nav-a{
		width: 80%;
		margin: 20rpx auto;
	}
	.mmap{
		border: 1rpx solid;
		position: relative;
	}
	.mmap::after{
		content: '';
		background-color: #007AFF;
		border: 1rpx solid;
		width: 25rpx;
		height: 25rpx;
		position: absolute;
		left: -35rpx;
		top: 5rpx;
	}
</style>
